<div style="height: 500px;overflow: auto;"> 
    <p-tabView>
      <p-tabPanel header="基本信息">
        <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
          <div class="row">
            <div class="form-group col-md-6">
              <label for="supplierUnit">申请单位： </label>
              <label>{{ workflow.applyUnit}}</label>
            </div>
            <div class="form-group col-md-6">
              <label for="supplierUnit">申请单编号： </label>
              <label>{{ workflow.code}}</label>
            </div>
          </div>
          <div class="row">
            <div class="form-group col-md-12">
              <label for="supplierUnit">供方单位： </label>
              <label>{{ workflow.supplierUnit}}</label>
            </div>
          </div>
          <div class="row">
            <div class="form-group col-md-12">
              <label for="flowExplain">外协原因：</label>
              <label>{{ workflow.explain}}</label>
            </div>
            <!-- <div class="form-group col-md-10">
            <p>{{ workflow.explain}}</p>
          </div> -->
          </div>
        </div>
      </p-tabPanel>
      <p-tabPanel header="申请内容">
        <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
          <div class="align-items-center">
            <!--<Primeng-TurboTable-Start>-->
            <div class="primeng-datatable-container" [busyIf]="primengTableHelper.isLoading">
              <p-table #dataTable [value]="Outsourcings" rows="{{primengTableHelper.defaultRecordsCountPerPage}}"
                [paginator]="false" [lazy]="true" [scrollable]="true" ScrollWidth="100%"
                [responsive]="primengTableHelper.isResponsive" [resizableColumns]="primengTableHelper.resizableColumns">
                <ng-template pTemplate="header">
                  <tr>
                    <th style="width: 100px">
                      序号
                    </th>
                    <th style="width: 150px">
                      任务号
                    </th>
                    <th style="width: 150px">
                      产品图号
                    </th>
                    <th style="width: 150px">
                      产品名称
                    </th>
                    <th style="width: 150px">
                      加工状态
                    </th>
                    <th style="width: 130px">
                      交付进度
                    </th>
                    <th style="width: 100px">
                      数量
                    </th>
                    <th style="width: 100px">
                      参考单价
                    </th>
                    <th style="width: 100px">
                      参考总价
                    </th>
                    <th style="width: 120px">
                      备注
                    </th>
                  </tr>
                </ng-template>
                <ng-template pTemplate="body" let-record="$implicit" let-ri='rowIndex'>
                  <tr>
                    <th style="width: 100px">
                      {{ri+1}}
                    </th>
                    <td style="width: 150px">
                      {{record.taskCode}}
                    </td>
                    <td style="width: 150px">
                      {{record.picNo}}
                    </td>
                    <td style="width: 150px">
                      {{record.taskName}}
                    </td>
                    <td style="width: 150px">
                      <!-- 加工状态 -->
                      {{record.workStatus}}
                    </td>
                    <td style="width: 130px">
                      <!-- 交付进度 -->
                      {{record.deliveryRate | momentFormat:'L'}}
                    </td>
                    <td style="width: 100px">
                      <!-- 数量 -->
                      {{record.outsouringAmount}}
                    </td>
                    <td style="width: 100px">
                      {{record.unitPrice}}
                    </td>
                    <td style="width: 100px">
                      {{record.unitPrice * record.outsouringAmount}}
                    </td>
                    <td style="width: 120px">
                      {{ record.remark }}
                    </td>
                  </tr>
                </ng-template>
              </p-table>
              <div class="primeng-no-data" *ngIf="Outsourcings.length == 0">
                {{'NoData' | localize}}
              </div>
            </div>
            <!--<Primeng-TurboTable-End>-->
          </div>
        </div>

      </p-tabPanel>
      <p-tabPanel header="审批记录">
        <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
          <app-flowApprovalRecord workflowid="{{workflowid}}"></app-flowApprovalRecord>
        </div>
      </p-tabPanel>
    </p-tabView> 
</div>
<div class="row" style="display: -webkit-box;
margin-top: 10px;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef;">
  <button [disabled]="saving" type="button" class="btn btn-default" (click)="audityes()">
    同意
  </button>
  <button type="button" (click)="auditno()" class="btn btn-primary2" [buttonBusy]="saving">
    <i class="fa fa-save"></i> <span>不同意</span>
  </button>
</div>